/**
 * Created by sfr on 2017/10/10.
 */
import React from "react";
import { routerRedux } from 'dva/router';
import {connect} from "dva";
import moment from 'moment';
import {Tabs, Flex, List, WhiteSpace, Carousel, Icon} from "antd-mobile";
import styles from './taskManage.less'
const empty = require('is-empty');
const Item = List.Item;
const Brief = Item.Brief;
const TabPane = Tabs.TabPane;

class TaskManage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }

  //==组件所有函数
  //table点击函数
  handleTabClick = (key) => {
    if (key==1){
      console.log('11111111111', key);
      this.props.dispatch({
        type:'taskManage/getTask',
        payload:{
          code:'taskManage',
          pagination:false,
          para:[{key:'status',values:[0]}],
        }
      });
    }else if(key==2){
      console.log('22222222222', key);
      this.props.dispatch({
        type:'taskManage/getTask',
        payload:{
          code:'taskManage',
          pagination:false,
          para:[{key:'status',values:[1]}],
        }
      });
    }else if(key==3){
      console.log('22222222222', key);

      this.props.dispatch({
        type:'taskManage/getTask',
        payload:{
          code:'taskManage',
          pagination:false,
          para:[{key:'status',values:[2]}],
        }
      });
    }else if(key==4){
      this.props.dispatch({
        type:'taskManage/getTask',
        payload:{
          code:'taskManage',
          pagination:false,
          para:[{key:'status',values:[3]}],
        }
      });
    }
  }
  //未开始中 点击具体任务进入详情
  handleTaskStart = (rowid) => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/work/taskManage/taskStart`,
        query: {
          rowid:rowid
        }
      })
    );
  }
  //进行中 点击具体任务进入详情
  handleTaskGetOn = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/work/taskManage/taskGetOn`,
        query: {}
      })
    );
  }
  //完成 点击具体任务进入详情
  handleComplete = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/work/taskManage/complete`,
        query: {}
      })
    );
  }
  //未完成 点击具体任务进入详情
  handleNotComplete = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/work/taskManage/notComplete`,
        query: {}
      })
    );
  }

  //==生命周期--页面渲染
  render() {

    const data=this.props.workLog.data;
    console.log(data,'dddddddddddddddddddddd')
    return (
      <div className='taskManage' style={{backgroundColor:'#fff'}}>
				{/*tab*/}
        <Tabs
					defaultActiveKey="1"
					animated={true}
					swipeable={false}
					onTabClick={this.handleTabClick}>
					<Tabs.TabPane tab="未开始" key="1">
						<div>
							{/*顶部空白，由于tabs固定不变*/}
							<div className={styles.tabsBlank}></div>
							{/*具体的发布第一条*/}
              {!empty(data) &&
                data.map((it,index)=>{
                return(
                  <div className={styles.releaseBox} onClick={()=>this.handleTaskStart(it.rowid)} key={index}>
                    <Item multipleLine>{it.task_name} <Brief>{it.task_content}</Brief></Item>
                  </div>
                  )
                })

              }
							{/*<div className={styles.releaseBox} onClick={()=>this.handleTaskStart(rowid)}>*/}
                {/*<Item multipleLine>赴乌鲁木齐市网信办调研督导 <Brief>9月30日到乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市</Brief></Item>*/}
              {/*</div>*/}
							{/*具体的发布第一条*/}
							{/*<div className={styles.releaseBox} onClick={this.handleTaskStart}>*/}
                {/*<Item multipleLine>赴乌鲁木齐市网信办调研督导 <Brief>9月30日到乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市</Brief></Item>*/}
              {/*</div>*/}
							{/*/!*具体的发布第一条*!/*/}
							{/*<div className={styles.releaseBox} onClick={this.handleTaskStart}>*/}
                {/*<Item multipleLine>赴乌鲁木齐市网信办调研督导 <Brief>9月30日到乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市</Brief></Item>*/}
              {/*</div>*/}
							{/*/!*具体的发布第一条*!/*/}
							{/*<div className={styles.releaseBox} onClick={this.handleTaskStart}>*/}
                {/*<Item multipleLine>赴乌鲁木齐市网信办调研督导 <Brief>9月30日到乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市乌鲁木齐市</Brief></Item>*/}
              {/*</div>*/}
						</div>
					</Tabs.TabPane>
					<Tabs.TabPane tab="进行中" key="2">
						<div>
							{/*顶部空白，由于tabs固定不变*/}
							<div className={styles.tabsBlank}></div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleTaskGetOn}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleTaskGetOn}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleTaskGetOn}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleTaskGetOn}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
						</div>
					</Tabs.TabPane>
					<Tabs.TabPane tab="已完成" key="3">
						<div>
							{/*顶部空白，由于tabs固定不变*/}
							<div className={styles.tabsBlank}></div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
						</div>
					</Tabs.TabPane>
					<Tabs.TabPane tab="未完成" key="4">
						<div>
							{/*顶部空白，由于tabs固定不变*/}
							<div className={styles.tabsBlank}></div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleNotComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleNotComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleNotComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
							{/*具体的发布第一条*/}
							<div className={styles.releaseBox} onClick={this.handleNotComplete}>
								<div className={styles.releaseTitle}>赴乌鲁木齐市网信办调研督导</div>
								<div className={styles.releaseContent}>9月30日到乌鲁木齐市网信办开展党建工作督导</div>
							</div>
						</div>
					</Tabs.TabPane>
				</Tabs>
      </div>
    );
	}

}

function mapStateToProps({ information,workLog }){
  return {
    information,
    workLog
	};
}
export default connect(mapStateToProps)(TaskManage);


